<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <title>演示系统</title>
        <link rel="shortcut icon" href="favicon.ico">
        <link href="./node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
        <link href="./node_modules/font-awesome/css/font-awesome.css" rel="stylesheet">
        <link href="./node_modules/animate.css/animate.css" rel="stylesheet">
        <link href="./common/css/style.css" rel="stylesheet">
        <link href="./common/css/common.css" rel="stylesheet">
        <style>
            logo {
                display: block;
                height: 40px;
                margin: 10px 0px 0px 10px;
                width: 450px;
                background: url(./common/img/systemLogo.png) left center no-repeat !important;
                background-size: auto 40px !important;
            }
        </style>
    </head>
    <body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0; z-index:3000;">
            <div class="navbar-header">
                <logo></logo>
            </div>
            <ul class="nav navbar-top-links navbar-right">
                <li class="hidden-sm">
                    <i class="fa fa-smile-o"></i>
                    欢迎您，超级管理员
            
                </li>
                <li class="hidden-xs">
                    <a href="javascript:void(0)">
                        <i class="fa fa-home"></i>
                        首页
                    </a>
                </li>
                <li class="hidden-xs">
                    <a href="javascript:void(0)"><!-- class="J_menuItem" -->
                        <i class="fa fa-user"></i>
                        个人信息
                    </a>
                </li>
                <li class="hidden-xs">
                    <a href="javascript:void(0)">
                        <i class="fa fa-sign-out"></i>
                        退出
                    </a>
                </li>
            </ul>
        </nav>
        <div id="wrapper">
            <!--左侧导航开始-->
            <nav class="navbar-default navbar-static-side" role="navigation">
                <div class="nav-close">
                    <i class="fa fa-times-circle"></i>
                </div>
                <div class="sidebar-collapse">
                    <ul class="nav" id="side-menu">
                        <li class="active">
                            <a href="#" aria-expanded="true">
                                <i class="fa fa-home"></i>
                                <span class="nav-label">菜单</span>
                                <span class="fa arrow"></span>
                            </a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a class="J_menuItem" href="./pages/jQueryValidate/jQueryValidate.html" data-index="0">jQuery Validate</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/webuploader/webuploader.html">webuploader</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/echarts/echarts.html">echarts</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/suggest/suggest.html">bootstrap suggest</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/layerDate/layerDate.html">layerDate</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/bootstrapTable/bootstrapTable.html">bootstrapTable</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/ztree/ztree.html">zTree</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/jstree/jstree.html">jstree</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/toastr/toastr.html">toastr</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/icheck/icheck.html">icheck</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/fancybox/fancybox.html">fancybox</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
            <!--左侧导航结束-->
            <!--右侧部分开始-->
            <div id="page-wrapper" class="gray-bg dashbard-1">
                <div class="row content-tabs">
                    <button class="navbar-minimalize roll-nav roll-left J_tabLeft" style="left: 0;">
                        <i class="fa fa-bars"></i>
                    </button>
                    <button class="roll-nav roll-left J_tabLeft">
                        <i class="fa fa-backward"></i>
                    </button>
                    <nav class="page-tabs J_menuTabs">
                        <div class="page-tabs-content">
                            <a href="javascript:void(0)" class="active J_menuTab" data-id="./pages/jQueryValidate/jQueryValidate.html">jQueryValidate</a>
                        </div>
                    </nav>
                    <button class="roll-nav roll-right J_tabRight">
                        <i class="fa fa-forward"></i>
                    </button>
                    <div class="btn-group roll-nav roll-right">
                        <button class="dropdown J_tabClose" data-toggle="dropdown">
                            关闭操作<span class="caret"></span>
                        </button>
                        <ul role="menu" class="dropdown-menu dropdown-menu-right">
                            <li class="J_tabShowActive">
                                <a>定位当前选项卡</a>
                            </li>
                            <li class="divider"></li>
                            <li class="J_tabCloseAll">
                                <a>关闭全部选项卡</a>
                            </li>
                            <li class="J_tabCloseOther">
                                <a>关闭其他选项卡</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row J_mainContent" id="content-main">
                    <div class="J_iframe" name="iframe0" width="100%" height="100%" src="./pages/jQueryValidate/jQueryValidate.html" frameborder="0" data-id="./pages/jQueryValidate/jQueryValidate.html" seamless></div>
                </div>
                <div class="footer">
                    <div class="pull-right">
                        &copy;2017 <a href="javascript:" target="_blank">HK</a>
                    </div>
                </div>
            </div>
            <!--右侧部分结束-->
        </div>
        <script src="./node_modules/requirejs/require.js" data-main="./common/js/source.js"></script>
    </body>
</html>
